<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>课窝后台登录</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>

<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
    <ul class="layui-tab-title">
        <li class="layui-this">基本信息</li>
        <li >沟通记录</li>

    </ul>
    <div class="layui-tab-content" style="height: 100px;">
        <div class="layui-tab-item layui-show">
            <div class=" cus-information">
                <img src="images/爸爸.png" alt="" class="left cus-img">
                <div class="cus-info-people left">
                    <ul>
                        <li>刘德华</li>
                        <li>家长 <img src="images/男.png" alt="" class="cus-Gender"></li>
                    </ul>
                    <ul>
                        <li>地区</li>
                        <li>中国-江苏-南京</li>
                    </ul>
                </div>
                <div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="Founder">
                <ul>
                    <li class="tl1">创建人：<span>金城武</span></li>
                    <li>客户意向：<span>留学</span></li>
                </ul>
                <ul>
                    <li>创建时间：<span>2017-9-10  15:30</span></li>
                    <li>留学国家：<span>坦桑尼亚</span></li>
                </ul>
                <ul>
                    <li>渠道来源：<span>新媒体-微信-大英留学</span></li>
                    <li>成单机会：<span class="cusStar"></span></li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="cus-phone">
                <p>联系方式</p>
                <ul>
                    <li>家长手机 <span>189876875687</span></li>
                    <li>家长微信 <span>189876875687</span></li>
                </ul>
                <ul>
                    <li>学生手机 <span>189876875687</span></li>
                    <li>学生微信 <span>189876875687</span></li>
                    <li>学生Q&nbsp;Q <span>189876875687</span></li>
                    <li>学生邮箱 <span>189876875687</span></li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="cus-Remarks">
                <p class="left">备注</p>
                <div class="cus-Remarks-content left">
                    <p>这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注这是备注</p>
                      </div>
            </div>
        </div>
        <div class="layui-tab-item ">
            <div class="layui-form">
                <table class="layui-table">
                    <colgroup>
                        <col width="200">
                        <col width="200">
                        <col width="200">
                        <col width="250">
                        <col width="250">
                        <col width="150">
                    </colgroup>
                    <thead>
                    <tr>
                        <th>客户身份</th>
                        <th>沟通方式</th>
                        <th>沟通人</th>
                        <th>沟通状态</th>
                        <th>沟通时间</th>
                        <th>沟通详情</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                       <td>家长</td>
                       <td>微信</td>
                       <td>林志玲</td>
                       <td>签订合同</td>
                       <td>2017-09-21 15:30</td>
                        <td>暂无</td>
                    </tr>
                    <tr>
                       <td>家长</td>
                       <td>微信</td>
                       <td>林志玲</td>
                       <td>签订合同</td>
                       <td>2017-09-21 15:30</td>
                        <td>暂无</td>
                    </tr>

                    </tbody>
                </table>
            </div>

        </div>
    </div>
</div>

</div>
<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/xadmin.js"></script>
<script>
    //    星星打分
    $(function () {
        var stas = 5; //总的星星
        var fsta = 1;//传来的数量
        for (var i = 0; i < fsta; i++) {
            $(".cusStar").append("<img src=\"images/starfull.png\">")
        }
        for (var j = 1; j <= stas-fsta; j++){
            $(".cusStar").append("<img src=\"images/star.png\">")
        }
    })


</script>
</body>

</html>